<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>thumb</title>

<link rel="stylesheet" href="../styles/uigg.css">

<script src="../js/jquery.min.js"></script>
<script src="../js/uigg.js"></script>
</head>

<body>

<style>
    body {padding: 50px 0;}
    drop {width: 300px;margin: auto;}
</style>

<!----------------------------------------------------------------------------------------->

<drop>
    <drop-list>
        <ul>
            <li><a>drop 1</a></li>
            <li><a>drop 2</a>
                <drop-list>
                    <ul>
                        <li><a>drop 4</a></li>
                        <li><a>drop 5</a></li>
                        <li><a>drop 6</a></li>
                    </ul>
                </drop-list>
            </li>
            <li><a>drop 3</a></li>
        </ul>
    </drop-list>
</drop>

<!----------------------------------------------------------------------------------------->

</body>
</html>